*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #ffffff;
}
.one{
    border-top: 5px solid #831da1;
}
.clearfix:after,
.clearfix:before{
    display: block;
    content: "";
    clear: both;
}
.navbar-brand{
    width: 50%;
    transform: scale(0.8);
}
.navbar-collapse{
    padding-left: 155px;
}
.nav-item .active,.nav-item{
    padding-left: 75px;
}
#ids{
    color: rgba(0,0,0,0.9);
}
#ids-1{
    color: rgba(0,0,0,0.9);
}
.banner{
    padding-top: 75px;
}
.banner img,.col-md-4 img{
    display: block;
    margin: 0 auto;
}
.banner span,.col-md-4 span{
    display: block;
    text-align: center;
    color: #697176;
}
.banner h2,.col-md-4 h5,.main-2 h5{
    text-align: center;
    color: #293a46;
}
.banner h2{
    padding: 40px 0 30px;
}
.banner .button{
    width: 97px;
    height: 36px;
}
.banner .button,.two-3 .button{
    background-color: #6b15a1;
    color: #ffffff;
    border-radius: 3px;
    outline: none;
    border: none;
}
.bu .button:hover{
    background-color: #551585;
}
.bu{
    text-align: center;
    padding-top: 38px;
}
.main-1 .col-md-4 img{
    padding: 120px 0 24px 0;
}
.yu{
    padding: 120px 0 60px 0;
}
.card-img-top{
    height: 150px;
}
.tu{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    position: absolute;
    top: 100px;
    left: 35%;
}
.card-body{
    margin-top: 55px;
}
.card{
    float: left;
}
.card-body p{
    width: 300px;
    height: 55px;
}
.card-body a button,.right button{
    padding: 6px 14px;
    background-color: #7b15b1;
    color: #ffffff;
    border-color: #7b15b1;
    outline: none;
    border: none;
    border-radius: 4px;
}
.right button{
    padding: 6px 16px;
}
.card-body a button:hover,.right button:hover{
    background-color: rgba(93, 22, 140, 0.93);
}
.card-body a{
    width: 120px;
    display: block;
    margin: auto;
}
.main-3{
    border: 1px #dddddd solid;
    border-top: 5px solid #6b15a1;
    margin-top: 138px;
}
.main-3 .item{
    text-align: left;
}
.left,.right{
    float: left;
}
.left{
    padding: 30px 0 0 40px;
}
.right{
    padding: 30px 0 0 526px;
}
.in li{
    list-style: none;
    float: left;
}
.in a{
    text-decoration: none;
    color: #6b15a1;
}
.in{
    padding: 85px 305px 77px 308px;
}
.in li{
    padding-right: 24px;
}
@media (max-width: 600px) {
    .right{
        padding: 20px;
    }
    .in{
      padding: 20px;
    }
    .in li{
        float: none;
    }
    .main-1 .col-md-4{
        padding: 0;
        width: 100%;
    }
    .main-2 .col-md-4{
        padding: 0;
        width: 100%;
    }
    .main-2 .col-md-4{
        padding-left: 0;
    }
    .tu{
        position: absolute;
        top: 100px;
        left: 35%;
    }
    .card-body{
        padding: 0;
    }
    #v{
        padding: 0;
    }
    #v-1{
        padding: 0;
    }
    #v-2{
        padding: 0;
    }
    .main-2 .container{
        text-align: center;
    }
}



